<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/jquery.form.js"></script>
</head>

<script>
    // wait for the DOM to be loaded
    $(document).ready(function() {
        var options = {
            target:        '#output1',   // target element(s) to be updated with server response

            success:       showResponse,  // post-submit callback

            // other available options:
            //url:       url         // override for form's 'action' attribute
            type:      'post'  ,      // 'get' or 'post', override for form's 'method' attribute
             dataType:  'json'        // 'xml', 'script', or 'json' (expected server response type)
            //clearForm: true        // clear all form fields after successful submit
            //resetForm: true        // reset the form after successful submit

            // $.ajax options can be used here too, for example:
            //timeout:   3000
        };

        // bind form using 'ajaxForm'
        $('#myForm').ajaxForm(options);
    });


    // post-submit callback
    function showResponse(responseText, statusText, xhr, $form)  {
        // for normal html responses, the first argument to the success callback
        // is the XMLHttpRequest object's responseText property

        // if the ajaxForm method was passed an Options Object with the dataType
        // property set to 'xml' then the first argument to the success callback
        // is the XMLHttpRequest object's responseXML property

        // if the ajaxForm method was passed an Options Object with the dataType
        // property set to 'json' then the first argument to the success callback
        // is the json data object returned by the server

      //  alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
       //     '\n\nThe output div should have already been updated with the responseText.');

        alert(  JSON.stringify(responseText));

    }
</script>

<body>

<form id="myForm" action="/ajaxComment" method="post">
    Name: <input type="text" name="name" />
    Comment: <textarea name="comment"></textarea>
    <input type="submit" value="Submit Comment" />
</form>


</body>
</html>